Premium Content

PROGRAMMING BASICS

Learn the fundamental concepts of programming

Beginner

Module 1: Introduction to Programming

Programming is the process of creating instructions that tell a computer how to perform a task. It involves writing code in programming languages that computers can understand. Every program follows a logical sequence of steps to solve problems or perform tasks.

Try It Yourself:

JavaScript

// This is a simple JavaScript program
console.log("Hello, World!");

// Variables store information
let message = "Welcome to Coding Basics!";
console.log(message);

// Basic arithmetic operations
let a = 10;
let b = 5;
let sum = a + b;
let product = a * b;

console.log("The sum of " + a + " and " + b + " is: " + sum);
console.log("The product of " + a + " and " + b + " is: " + product);

// Conditional logic
if (sum > 10) {
    console.log("The sum is greater than 10");
} else {
    console.log("The sum is 10 or less");
}

// Try changing the values and see what happens!

Console Output

Key Concepts:

console.log() displays output to the console
Variables (let, const) store data values
Comments (//) explain code but aren't executed
Arithmetic operators (+, -, *, /) perform calculations
Conditional statements (if/else) make decisions
Code executes sequentially from top to bottom
Programming follows strict syntax rules

Premium Content

VARIABLES & DATA TYPES

Learn to store and manipulate data

Beginner

Module 2: Variables and Data Types

Variables are containers that store data values. Different types of data (numbers, text, true/false values) are called data types. Understanding how to work with variables and data types is fundamental to programming.

Try It Yourself:

JavaScript

// Different ways to declare variables
let name = "SkillMynte";  // Can be reassigned
const PI = 3.14159;       // Cannot be reassigned
var age = 25;             // Older way (avoid in modern code)

console.log("Name:", name);
console.log("PI:", PI);
console.log("Age:", age);

// Basic data types
let numberValue = 42;           // Number
let textValue = "Hello World";  // String (text)
let isTrue = true;              // Boolean (true/false)
let emptyValue = null;          // Null (intentionally empty)
let undefinedValue;             // Undefined (not assigned)

console.log("Number:", numberValue);
console.log("String:", textValue);
console.log("Boolean:", isTrue);
console.log("Null:", emptyValue);
console.log("Undefined:", undefinedValue);

// Type conversion
let stringNumber = "100";
let convertedNumber = Number(stringNumber);
console.log("Converted number:", convertedNumber);

let numberToString = 200;
let convertedString = String(numberToString);
console.log("Converted string:", convertedString);

// Arithmetic with variables
let x = 10;
let y = 3;
console.log("x + y =", x + y);
console.log("x - y =", x - y);
console.log("x * y =", x * y);
console.log("x / y =", x / y);
console.log("x % y =", x % y); // Remainder

Console Output

Key Points:

Use let for variables that can change
Use const for constants that shouldn't change
Basic data types: Numbers, Strings, Booleans
null represents intentional absence of value
undefined means a variable hasn't been assigned a value
You can convert between types using Number(), String(), etc.
Variables must be declared before use
Choose meaningful variable names for better code readability

Premium Content

CONTROL STRUCTURES

Learn to control program flow with conditions and loops

Beginner

Module 3: Control Structures

Control structures allow programs to make decisions and repeat actions. Conditional statements (if, else, switch) execute code based on conditions, while loops (for, while) repeat code multiple times.

Try It Yourself:

JavaScript

// If-else statements
let temperature = 25;

if (temperature > 30) {
    console.log("It's hot outside!");
} else if (temperature > 20) {
    console.log("The weather is pleasant.");
} else {
    console.log("It's cold outside!");
}

// Switch statement
let day = "Monday";

switch(day) {
    case "Monday":
        console.log("Start of the work week");
        break;
    case "Friday":
        console.log("Weekend is almost here!");
        break;
    default:
        console.log("It's a regular day");
}

// For loop - counting from 1 to 5
console.log("Counting with for loop:");
for (let i = 1; i <= 5; i++) {
    console.log("Count: " + i);
}

// While loop
console.log("Counting with while loop:");
let count = 1;
while (count <= 3) {
    console.log("While count: " + count);
    count++; // Same as count = count + 1
}

// Do-while loop (executes at least once)
console.log("Counting with do-while loop:");
let j = 1;
do {
    console.log("Do-while count: " + j);
    j++;
} while (j <= 3);

// Break and continue in loops
console.log("Break and continue example:");
for (let k = 1; k <= 10; k++) {
    if (k === 5) {
        continue; // Skip the rest of this iteration
    }
    if (k === 8) {
        break; // Exit the loop entirely
    }
    console.log("Number: " + k);
}

Console Output

Key Points:

if statements execute code when a condition is true
else if provides additional conditions to check
else executes when all conditions are false
switch statements handle multiple possible values
for loops repeat code a specific number of times
while loops repeat while a condition is true
do-while loops execute at least once
break exits a loop, continue skips to next iteration

Premium Content

FUNCTIONS

Learn to create reusable blocks of code

Intermediate

Module 4: Functions

Functions are reusable blocks of code that perform specific tasks. They help organize code, avoid repetition, and make programs easier to understand and maintain. Functions can take inputs (parameters) and return outputs.

Try It Yourself:

JavaScript

// Function declaration
function greet(name) {
    return "Hello, " + name + "!";
}

// Function call
console.log(greet("SkillMynte"));
console.log(greet("Developer"));

// Function with multiple parameters
function addNumbers(a, b) {
    return a + b;
}

console.log("5 + 3 =", addNumbers(5, 3));
console.log("10 + 7 =", addNumbers(10, 7));

// Function expression (assigned to a variable)
const multiply = function(x, y) {
    return x * y;
};

console.log("4 * 6 =", multiply(4, 6));

// Arrow function (modern syntax)
const divide = (numerator, denominator) => {
    return numerator / denominator;
};

console.log("15 / 3 =", divide(15, 3));

// Arrow function with implicit return
const square = num => num * num;

console.log("Square of 5:", square(5));

// Function with default parameters
function createGreeting(name = "Guest") {
    return "Welcome, " + name;
}

console.log(createGreeting("Alice"));
console.log(createGreeting()); // Uses default

// Function that calls another function
function calculateArea(length, width) {
    return multiply(length, width);
}

console.log("Area of 5x3 rectangle:", calculateArea(5, 3));

// Recursive function (calls itself)
function factorial(n) {
    if (n === 0 || n === 1) {
        return 1;
    }
    return n * factorial(n - 1);
}

console.log("Factorial of 5:", factorial(5));

Console Output

Key Points:

Functions encapsulate code for reuse
Parameters are inputs that functions accept
The return statement sends a value back from a function
Function declarations are hoisted (can be called before definition)
Function expressions are assigned to variables
Arrow functions provide concise syntax
Default parameters provide fallback values
Functions can call other functions
Recursive functions call themselves (with a base case)

Premium Content

ARRAYS & OBJECTS

Learn to work with collections of data

Intermediate

Module 5: Arrays and Objects

Arrays store ordered collections of data, while objects store key-value pairs. These data structures are essential for organizing and manipulating complex data in programs.

Try It Yourself:

JavaScript

// Arrays - ordered collections
let fruits = ["apple", "banana", "orange"];
console.log("Fruits array:", fruits);
console.log("First fruit:", fruits[0]);
console.log("Array length:", fruits.length);

// Adding and removing elements
fruits.push("grape"); // Add to end
console.log("After push:", fruits);

fruits.pop(); // Remove from end
console.log("After pop:", fruits);

fruits.unshift("strawberry"); // Add to beginning
console.log("After unshift:", fruits);

fruits.shift(); // Remove from beginning
console.log("After shift:", fruits);

// Array methods
let numbers = [1, 2, 3, 4, 5];
console.log("Numbers:", numbers);

let doubled = numbers.map(num => num * 2);
console.log("Doubled numbers:", doubled);

let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log("Even numbers:", evenNumbers);

let sum = numbers.reduce((total, num) => total + num, 0);
console.log("Sum of numbers:", sum);

// Objects - key-value pairs
let person = {
    name: "John",
    age: 30,
    profession: "Developer",
    isStudent: false
};

console.log("Person object:", person);
console.log("Name:", person.name);
console.log("Age:", person["age"]);

// Adding and modifying properties
person.email = "john@example.com";
person.age = 31;
console.log("Updated person:", person);

// Object methods
let car = {
    brand: "Toyota",
    model: "Camry",
    year: 2020,
    start: function() {
        return this.brand + " " + this.model + " started!";
    },
    getAge: function() {
        let currentYear = new Date().getFullYear();
        return currentYear - this.year;
    }
};

console.log(car.start());
console.log("Car age:", car.getAge());

// Arrays of objects
let students = [
    { name: "Alice", grade: 85 },
    { name: "Bob", grade: 92 },
    { name: "Charlie", grade: 78 }
];

console.log("Students:", students);
console.log("Bob's grade:", students[1].grade);

Console Output

Key Points:

Arrays use zero-based indexing (first element at index 0)
push()/pop() add/remove from the end
unshift()/shift() add/remove from the beginning
map() transforms each element in an array
filter() creates a new array with elements that pass a test
reduce() reduces an array to a single value
Objects store properties as key-value pairs
Use dot notation (object.property) or bracket notation (object["property"])
Objects can contain methods (functions as properties)

Premium Content

BASIC ALGORITHMS

Learn fundamental problem-solving techniques

Intermediate

Module 6: Basic Algorithms

Algorithms are step-by-step procedures for solving problems. Understanding basic algorithms helps develop problem-solving skills that are essential for programming. This module covers fundamental algorithms like searching, sorting, and basic mathematical operations.

Try It Yourself:

JavaScript

// Linear search algorithm
function linearSearch(arr, target) {
    for (let i = 0; i < arr.length; i++) {
        if (arr[i] === target) {
            return i; // Return index if found
        }
    }
    return -1; // Return -1 if not found
}

let numbers = [4, 2, 7, 1, 9, 5];
console.log("Array:", numbers);
console.log("Search for 7:", linearSearch(numbers, 7));
console.log("Search for 3:", linearSearch(numbers, 3));

// Bubble sort algorithm
function bubbleSort(arr) {
    let n = arr.length;
    for (let i = 0; i < n - 1; i++) {
        for (let j = 0; j < n - i - 1; j++) {
            if (arr[j] > arr[j + 1]) {
                // Swap elements
                let temp = arr[j];
                arr[j] = arr[j + 1];
                arr[j + 1] = temp;
            }
        }
    }
    return arr;
}

let unsorted = [64, 34, 25, 12, 22, 11, 90];
console.log("Unsorted:", unsorted);
console.log("Sorted:", bubbleSort([...unsorted])); // Use spread to avoid modifying original

// Factorial algorithm (iterative)
function factorialIterative(n) {
    let result = 1;
    for (let i = 2; i <= n; i++) {
        result *= i;
    }
    return result;
}

console.log("Factorial of 5 (iterative):", factorialIterative(5));

// Factorial algorithm (recursive)
function factorialRecursive(n) {
    if (n === 0 || n === 1) {
        return 1;
    }
    return n * factorialRecursive(n - 1);
}

console.log("Factorial of 5 (recursive):", factorialRecursive(5));

// Fibonacci sequence
function fibonacci(n) {
    if (n <= 1) {
        return n;
    }
    return fibonacci(n - 1) + fibonacci(n - 2);
}

console.log("Fibonacci sequence:");
for (let i = 0; i < 10; i++) {
    console.log(`F(${i}) = ${fibonacci(i)}`);
}

// Palindrome checker
function isPalindrome(str) {
    // Remove non-alphanumeric characters and convert to lowercase
    let cleanStr = str.replace(/[^A-Za-z0-9]/g, '').toLowerCase();
    // Compare with reversed string
    return cleanStr === cleanStr.split('').reverse().join('');
}

console.log("Is 'racecar' a palindrome?", isPalindrome("racecar"));
console.log("Is 'hello' a palindrome?", isPalindrome("hello"));
console.log("Is 'A man, a plan, a canal: Panama' a palindrome?", 
    isPalindrome("A man, a plan, a canal: Panama"));

Console Output

Key Points:

Linear search checks each element until the target is found
Bubble sort repeatedly swaps adjacent elements if they're in the wrong order
Iterative solutions use loops to repeat operations
Recursive solutions call themselves with modified parameters
Fibonacci sequence: each number is the sum of the two preceding ones
Palindrome check compares a string with its reverse
Algorithm efficiency matters for large datasets
Practice breaking problems into smaller, manageable steps

PRACTICE PLAYGROUND

Experiment with what you've learned

Your Coding Playground: Try Your Own Code

Use this space to experiment with everything you've learned. Try writing your own functions, algorithms, and programs. This is your sandbox to practice and explore programming concepts.

JavaScript

// Your JavaScript code here
console.log("Welcome to your Coding Playground!");

// Try creating your own functions
function greetUser(name) {
    return "Hello, " + name + "! Welcome to SkillMynte!";
}

console.log(greetUser("Coder"));

// Experiment with arrays
let skills = ["JavaScript", "Problem Solving", "Algorithms"];
console.log("My skills:", skills);

// Practice with objects
let myProfile = {
    name: "SkillMynte Learner",
    level: "Beginner",
    goals: ["Master programming basics", "Build projects", "Get certified"]
};

console.log("My profile:", myProfile);

// Challenge: Create a function that calculates the average of numbers
function calculateAverage(numbers) {
    // Your code here
    let sum = 0;
    for (let i = 0; i < numbers.length; i++) {
        sum += numbers[i];
    }
    return sum / numbers.length;
}

let testScores = [85, 92, 78, 96, 88];
console.log("Average test score:", calculateAverage(testScores));

// Try more challenges below!

Console Output

Challenge Exercises:

Create a function that reverses a string
- Input: "hello" â†’ Output: "olleh"
- Try implementing it with and without built-in methods
Write a program that finds the largest number in an array
Create a function that counts how many times each letter appears in a string
Implement a simple calculator that can add, subtract, multiply, and divide
Write a program that generates the first 20 numbers in the Fibonacci sequence

Tips & Resources:

Use the browser's developer tools (F12) to debug your code
Break complex problems into smaller, manageable functions
Test your code with different inputs to ensure it works correctly
Practice reading and understanding error messages
Try solving coding challenges on platforms like HackerRank or LeetCode
Don't be afraid to experiment - making mistakes is part of learning!

PROGRAMMING BASICS

Learn the fundamental concepts of programming

Module 1: Introduction to Programming

Try It Yourself:

Key Concepts:

VARIABLES & DATA TYPES

Learn to store and manipulate data

Module 2: Variables and Data Types

Try It Yourself:

Key Points:

CONTROL STRUCTURES

Learn to control program flow with conditions and loops

Module 3: Control Structures

Try It Yourself:

Key Points:

FUNCTIONS

Learn to create reusable blocks of code

Module 4: Functions

Try It Yourself:

Key Points:

ARRAYS & OBJECTS

Learn to work with collections of data

Module 5: Arrays and Objects

Try It Yourself:

Key Points:

BASIC ALGORITHMS

Learn fundamental problem-solving techniques

Module 6: Basic Algorithms

Try It Yourself:

Key Points:

PRACTICE PLAYGROUND

Experiment with what you've learned

Your Coding Playground: Try Your Own Code

Challenge Exercises:

Tips & Resources:

Unlock Premium SkillMynte Content

Premium Courses

Certification

Mentorship

Monthly

Annual Best Value

Lifetime